<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

        span {
            background: pink;
            width: 200px;
            height: 200px;
            /*margin: 50px;*/
            padding: 50px;
        }

        div {
            background: green;
        }
    </style>
</head>
<body>
<!--
    行内元素的特征：
            1、内容撑开宽高；
                  宽高的值都是auto，只不过显示出来的宽高是由内容撑开的；

            2、不支持设置宽度与高度；

            3、不支持上下的margin与上下的padding（左右支持）；
                  上下的padding是有问题的，虽然把背景撑出来了，但是这个只是表面现象，它不会对其他元素有影响；

            4、所有的行内元素都会在一行显示，只要可以放得下；

            5、代码换行会被解析为一个空格
-->
<span>海棠学院</span><strong>郎晋翔</strong>
<!--<div>div</div>-->
</body>
</html>